<!-- Avatar.vue -->
<template>
  <AvatarRoot
    :class="cn(
      'relative flex size-10 shrink-0 overflow-hidden rounded-full',
      className
    )"
    data-slot="avatar"
    v-bind="$attrs"
  >
    <slot/>
  </AvatarRoot>
</template>

<script setup>
import {AvatarRoot} from 'radix-vue'
import {cn} from '../../utils'

defineProps({
  className: {
    type: String,
    default: ''
  }
})
</script>
